<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
		<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	</head>
	<body>
	<!--head begin-->
		<div class="head">
			<p>玩伴</p>
			<ul class="head-ul">
				<li id="ser"><a href="javascript:;"><i class="ser-ic"></i></a></li>
			</ul>
		</div>
		<div class="shadow-bg"></div>
		<div class="choose">
			<div class="close"></div>
			<div class="choose-tit">
				请选择筛选条件
			</div>
			<ul class="choose-ul clear">
				<li class="choose-li">
					<div class="choose-li-tit">
						<p class="choose-p">排序</p>
					</div>
					<ul class="choose-cur-ul sort">
						<li class="choose-cur-li cur-li">最新发布</li>
						<li class="choose-cur-li cur-li">离我最近</li>
					</ul>
				</li>
				</li>
				<li class="choose-li">
					<div class="choose-li-tit">
						<p class="choose-p">性别</p>
					</div>
					<ul class="choose-cur-ul">
						<li class="choose-cur-li cur-li">不限</li>
						<li class="choose-cur-li cur-li">男</li>
						<li class="choose-cur-li cur-li">女</li>
					</ul>
				</li>
			</ul>
			<input class="choose-btn" type="button" id="" value="确定" />
			<a class="reset-a" href="">重置条件</a>
		</div>
	<!--head end-->
	<div class="main">
		<ul class="playmate-ul clear">
			<li class="playmate-li">
				<div class="playmate-box">
					<a class="playmate-a" href="5-玩伴资料.html">
						<div class="playmate-tit clear">
							<p class="fl">在路上</p>
							<span class="gender fr"><i class="girl"></i>22</span>
						</div>
						<div class="playmate-img">
							<img src="images/nihao1.jpg"/>
						</div>
					</a>
					<ul class="playmate-cont clear">
						<li>2天前</li>
						<li>10m</li>
						<li><a class="playmate-focus">+关注</a></li>
					</ul>
				</div>
			</li>
			<li class="playmate-li">
				<div class="playmate-box">
					<a class="playmate-a" href="">
						<div class="playmate-tit clear">
							<p class="fl">一个人</p>
							<span class="gender fr"><i class="girl"></i>24</span>
						</div>
						<div class="playmate-img">
							<img src="images/nihao2.jpg"/>
						</div>
					</a>
					<ul class="playmate-cont clear">
						<li>2天前</li>
						<li>10m</li>
						<li><a class="playmate-focus">+关注</a></li>
					</ul>
				</div>
			</li>
			<li class="playmate-li">
				<div class="playmate-box">
					<a class="playmate-a" href="">
						<div class="playmate-tit clear">
							<p class="fl">GXwsed</p>
							<span class="gender fr"><i class="girl"></i>20</span>
						</div>
						<div class="playmate-img">
							<img src="images/nihao4.jpg"/>
						</div>
					</a>
					<ul class="playmate-cont clear">
						<li>2天前</li>
						<li>10m</li>
						<li><a class="playmate-focus">+关注</a></li>
					</ul>
				</div>
			</li>
			<li class="playmate-li">
				<div class="playmate-box">
					<a class="playmate-a" href="">
						<div class="playmate-tit clear">
							<p class="fl">the end</p>
							<span class="gender fr"><i class="girl"></i>21</span>
						</div>
						<div class="playmate-img">
							<img src="images/nihao3.jpg"/>
						</div>
					</a>
					<ul class="playmate-cont clear">
						<li>2天前</li>
						<li>10m</li>
						<li><a class="playmate-focus">+关注</a></li>
					</ul>
				</div>
			</li>
			<li class="playmate-li">
				<div class="playmate-box">
					<a class="playmate-a" href="">
						<div class="playmate-tit clear">
							<p class="fl">SHOW</p>
							<span class="gender fr"><i class="girl"></i>19</span>
						</div>
						<div class="playmate-img">
							<img src="images/nihao1.jpg"/>
						</div>
					</a>
					<ul class="playmate-cont clear">
						<li>2天前</li>
						<li>10m</li>
						<li><a class="playmate-focus">+关注</a></li>
					</ul>
				</div>
			</li>
			<li class="playmate-li">
				<div class="playmate-box">
					<a class="playmate-a" href="">
						<div class="playmate-tit clear">
							<p class="fl">ADHWY</p>
							<span class="gender fr"><i class="girl"></i>24</span>
						</div>
						<div class="playmate-img">
							<img src="images/nihao4.jpg"/>
						</div>
					</a>
					<ul class="playmate-cont clear">
						<li>2天前</li>
						<li>100m</li>
						<li><a class="playmate-focus">+关注</a></li>
					</ul>
				</div>
			</li>
			<li class="playmate-li">
				<div class="playmate-box">
					<a class="playmate-a" href="">
						<div class="playmate-tit clear">
							<p class="fl">D夫人</p>
							<span class="gender fr"><i class="girl"></i>22</span>
						</div>
						<div class="playmate-img">
							<img src="images/nihao3.jpg"/>
						</div>
					</a>
					<ul class="playmate-cont clear">
						<li>2天前</li>
						<li>10m</li>
						<li><a class="playmate-focus">+关注</a></li>
					</ul>
				</div>
			</li>
			<li class="playmate-li">
				<div class="playmate-box">
					<a href="">
						<div class="playmate-tit clear">
							<p class="fl">the end</p>
							<span class="gender fr"><i class="girl"></i>23</span>
						</div>
						<div class="playmate-img">
							<img src="images/nihao2.jpg"/>
						</div>
					</a>
					<ul class="playmate-cont clear">
						<li>2天前</li>
						<li>10m</li>
						<li><a class="playmate-focus">+关注</a></li>
					</ul>
				</div>
			</li>
		</ul>
	</div>
	<!--foot begin-->
	<footer>
		<div class="foot">
			<ul class="foot-ul">
				<li class="foot-li active">
					<a href="index.html">
						<i></i>
						<p>活动</p>
					</a>
				</li>
				<li class="foot-li">
					<a href="4-玩伴.html">
						<i></i>
						<p>玩伴</p>
					</a>
				</li>
				<li class="foot-li">
					<a href="6-发起活动.html">
						<i></i>
					</a>
				</li>
				<li class="foot-li">
					<a href="8-消息.html">
						<i></i>
						<p>消息</p>
					</a>
				</li>
				<li class="foot-li">
					<a href="10-我.html">
						<i></i>
						<p>我</p>
					</a>
				</li>
			</ul>
		</div>
	</footer>
		
	<!--foot end-->
	</body>
</html>

